// Component:     Variables
//
// Description:   Define all variables
//
// =============================================================================
@ns: ~"am-";
// Global variables
// =============================================================================
// Black - White - Gray
// -----------------------------------------------------------------------------
@black: #000;
@white: #fff;
@gray-darker: lighten(@black, 13.5%); // #222
@gray-dark: lighten(@black, 20%); // #333
@gray: lighten(@black, 33.5%); // #555
@gray-light: lighten(@black, 60%); // #999
@gray-lighter: lighten(@black, 93.5%); // #eee
// Brand Colors
// -----------------------------------------------------------------------------
@global-primary: #0e90d2; // #157EFB; //#428bca;
@global-secondary: lighten(@global-primary, 15%);
@global-success: #5eb95e; // #53D76A; //#5cb85c;
@global-warning: #F37B1D; // #FD9426; // #f0ad4e;
@global-danger: #dd514c; // #FC3159; //#da314b;
@global-info: @global-secondary;
// One
// -----------------------------------------------------------------------------
@one-primary: #15afef;
// body
// -----------------------------------------------------------------------------
@body-bg: @white;
@text-color: @gray-dark;
// Links
// -----------------------------------------------------------------------------
@link-color: @global-primary;
@link-hover-color: darken(@link-color, 15%);
@global-contrast-color: @white;
// Backgrounds & Borders
// -----------------------------------------------------------------------------
@global-background: @white;
@global-border: #ddd;
// Typography
// =============================================================================
// Font family
// -----------------------------------------------------------------------------
// FreeSans: Ships with many Linux distros, including Ubuntu
// Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
//        Arial to get picked up by the browser, even though neither is available
//        in Chrome OS.
// Droid Sans: Ships with all versions of Android.
// Roboto: Android new font-family from Android ISC
// Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
// Helvetica Neue: iOS & OS X 10.10 UI font (not Lucida Grande any more)
//                 http://morrick.me/archives/6873
// http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/
// Helvetica
// apple.com: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana,
@font-family-sans-serif: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif; //FangSong, STFangSong
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
@font-family-kai: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
// Font  size
// -----------------------------------------------------------------------------
@global-font-size: 1.4rem; //14px
@global-line-height: 1.4;
@font-size-base: @global-font-size;
@line-height-base: @global-line-height;
@line-height-computed: floor(@font-size-base * @line-height-base); // 2
@font-size-xxs: @global-font-size - 0.6; // 10px - 1rem
@font-size-xs: @global-font-size - 0.4; // 12px
@font-size-sm: @global-font-size - 0.1; // 13px
//@font-size-default:     @global-font-size;       // 16px
@font-size-lg: @global-font-size + 0.2; // 18px
@font-size-xl: @global-font-size + 0.8; // 24px
@font-size-xxl: @global-font-size * 2; // 32px
@font-size-xxxl: @global-font-size * 2+1; // 42px
// Global spacing
// =============================================================================
@global-spacing: 1.6rem;
@global-spacing-xs: 0.5rem;
@global-spacing-sm: 1rem;
@global-spacing-lg: 2.4rem;
@global-spacing-xl: 3.2rem;
// Margin
// -----------------------------------------------------------------------------
@global-margin: @global-spacing;
@global-margin-xs: @global-spacing-xs;
@global-margin-sm: @global-spacing-sm;
@global-margin-lg: @global-spacing-lg;
@global-margin-xl: @global-spacing-xl;
// Border radius
// -----------------------------------------------------------------------------
@global-radius: 2px;
@radius-normal: 2px;
@radius-lg: 5px;
@radius-sm: 1px;
@global-rounded: 1000px;
@global-square: 0;
// Responsive variables
// =============================================================================
// Breakpoint
// -----------------------------------------------------------------------------
@breakpoint-small: 640px; // 0 - 640px
@breakpoint-medium: 1024px; // 641 - 1024px
@breakpoint-large: 1280px; // 1025 - 1280px
@breakpoint-xl: 1440px; // 1281 - 1440px
@breakpoint-xxl: 1920px; // 1441 -1920px
@breakpoint-small-max: @breakpoint-small;
@breakpoint-md: @breakpoint-small-max; // legacy var, DO NOT USE IT
@breakpoint-medium-min: (@breakpoint-small + 1);
@breakpoint-medium-max: @breakpoint-medium;
@breakpoint-large-min: (@breakpoint-medium + 1);
@breakpoint-large-max: @breakpoint-large;
@breakpoint-xl-min: (@breakpoint-large + 1);
@breakpoint-xl-max: @breakpoint-xl;
@breakpoint-xxl-min: (@breakpoint-xl + 1);
@breakpoint-xxl-max: @breakpoint-xxl;
// Media Queries
// NOTE '~' in the beginning - media query must be escaped
// -----------------------------------------------------------------------------
@screen: ~"only screen";
@landscape: ~"@{screen} and (orientation: landscape)";
@portrait: ~"@{screen} and (orientation: portrait)";
@small-up: ~"@{screen}";
@small-only: ~"@{screen} and (max-width: @{breakpoint-small-max})";
@medium-up: ~"@{screen} and (min-width:@{breakpoint-medium-min})";
@medium-only: ~"@{screen} and (min-width:@{breakpoint-medium-min}) and (max-width:@{breakpoint-medium-max})";
@large-up: ~"@{screen} and (min-width:@{breakpoint-large-min})";
@large-only: ~"@{screen} and (min-width:@{breakpoint-large-min}) and (max-width:@{breakpoint-large-max})";
@xl-up: ~"@{screen} and (min-width:@{breakpoint-xl-min})";
@xl-only: ~"@{screen} and (min-width:@{breakpoint-xl-min}) and (max-width:@{breakpoint-xl-max})";
@xxl-up: ~"@{screen} and (min-width:@{breakpoint-xxl-min})";
@xxl-only: ~"@{screen} and (min-width:@{breakpoint-xxl-min}) and (max-width:@{breakpoint-xxl-max})";
// Grid system
// -----------------------------------------------------------------------------
@grid-columns: 12;
@grid-gutter: 1rem; // Columns padding
@grid-gutter-md: 1.5rem; // 15px
@grid-max-width: 1000px;
// =============================================================================
// Z-index
// =============================================================================
@global-z-index: 1000;
@z-index-topbar-fixed: @global-z-index;
@z-index-sticky: @global-z-index + 10;
@z-index-dropdown: @global-z-index + 20;
@z-index-offcanvas: @global-z-index + 90;
@z-index-dimmer: @global-z-index + 100;
@z-index-modal: @global-z-index + 110;
@z-index-datepicker: @global-z-index + 120;
@z-index-pureview: @global-z-index + 120;
@z-index-popover: @global-z-index + 150;
@z-index-nprogress: @global-z-index + 1000;
// Widgets
@z-index-navbar: @global-z-index + 10;
@z-index-header-fixed: @global-z-index + 10;
@z-index-gotop-fixed: @global-z-index + 40;
@z-index-menu: @global-z-index + 50;
// =============================================================================
// Component Common
// =============================================================================
@component-active-color: #fff;
@component-active-bg: @global-primary;
// =============================================================================
// Components variables
// =============================================================================
// Base
// =============================================================================
@base-background: @global-background;
@base-font-family: @font-family-sans-serif;
@base-font-weight: normal;
@base-font-size: @global-font-size;
@base-line-height: @global-line-height;
@base-text-color: @gray-dark;
// em element
@base-em-color: #D05;
// ins element
@base-ins-background: #ffa;
@base-ins-color: @gray-dark;
// mark element
@base-mark-background: #ffa;
@base-mark-color: @gray-dark;
// selection
@base-selection-background: @global-primary;
@base-selection-color: @white;
@base-margin-vertical: @global-spacing;
// h1 - h6 element
@base-heading-font-weight: 600;
@base-heading-margin-top: 2em;
// hr
@base-hr-border: @gray-lighter;
// blockquote
@base-blockquote-border: @global-border;
@base-blockquote-small-color: @gray-light;
@base-blockquote-font-size: 1.6rem; // 16px
@base-blockquote-line-height: 1.5; // 22px
// =============================================================================
// Buttons
// =============================================================================
@btn-font-weight: normal;
@btn-line-height: 1.2;
@btn-font-size: @global-font-size;
@btn-default-color: #444;
@btn-default-bg: #e6e6e6;
@btn-default-border: @btn-default-bg;
@btn-primary-color: #fff;
@btn-primary-bg: @global-primary;
@btn-primary-border: @btn-primary-bg;
@btn-secondary-color: #fff;
@btn-secondary-bg: @global-secondary;
@btn-secondary-border: @global-secondary;
@btn-success-color: #fff;
@btn-success-bg: @global-success;
@btn-success-border: @global-success;
@btn-warning-color: #fff;
@btn-warning-bg: @global-warning;
@btn-warning-border: @btn-warning-bg;
@btn-danger-color: #fff;
@btn-danger-bg: @global-danger;
@btn-danger-border: @btn-danger-bg;
@btn-link-disabled-color: @gray-light;
@btn-xs-font-size: @font-size-xs;
@btn-sm-font-size: @font-size-sm;
@btn-lg-font-size: @font-size-lg;
@btn-xl-font-size: 2rem;
// =============================================================================
// Code variables
// =============================================================================
@code-color: #c7254e;
@code-bg: #f8f8f8;
@code-font-size: 1.3rem;
@pre-bg: @code-bg;
@pre-color: @gray;
@pre-border: 1px solid #dedede;
@pre-scrollable-max-height: 24rem;
// =============================================================================
// Forms
// =============================================================================
@form-font-size: @global-font-size;
@form-line-height: 1.2;
@form-font-size-sm: @font-size-sm;
@form-font-size-lg: @font-size-lg;
@input-padding: 0.5em;
@input-bg: #fff;
@input-focus-bg: #fefffe;
@input-bg-disabled: @gray-lighter;
@input-color: @gray;
@input-border: #ccc;
@input-border-radius: @global-radius;
@input-border-focus: @global-secondary;
@input-color-placeholder: @gray-light;
@legend-color: @gray-dark;
@legend-border-color: #e5e5e5;
// Form states and alerts
// -----------------------------------------------------------------------------
@state-success-text: @global-success;
@state-success-border: darken(@state-success-text, 5%);
@state-warning-text: @global-warning;
@state-warning-border: darken(@state-warning-text, 5%);
@state-danger-text: @global-danger;
@state-danger-border: darken(@state-danger-text, 5%);
// =============================================================================
// Input-group variables
// =============================================================================
@input-group-label-bg: @gray-lighter;
@input-group-label-border-color: #ccc;
// =============================================================================
// Image variables
// =============================================================================
@img-border-radius: @global-radius;
@img-thumbnail-padding: 2px;
@img-thumbnail-bg: @white;
@img-thumbnail-bd-color: @global-border;
@img-thumbnail-bd-radius: @global-radius;
// =============================================================================
// Table variables
// =============================================================================
@table-cell-padding: .7rem;
@table-cell-padding-compact: .4rem;
@table-line-height: @global-line-height;
@table-bg: transparent; // overall background-color
@table-bg-striped: #f9f9f9;
@table-bg-hover: #e9e9e9; // #fbf6e9;
@table-bg-active: #ffd;
@table-border-color: #ddd; // table and cell border
@table-primary-bg: rgba(red(@global-primary), green(@global-primary), blue(@global-primary), .115);
@table-primary-color: darken(@global-primary, 8%);
@table-success-bg: rgba(red(@global-success), green(@global-success), blue(@global-success), .115);
@table-success-color: @global-success;
@table-warning-bg: rgba(red(@global-warning), green(@global-warning), blue(@global-warning), .115);
@table-warning-color: @global-warning;
@table-danger-bg: rgba(red(@global-danger), green(@global-danger), blue(@global-danger), .115);
@table-danger-color: @global-danger;
// =============================================================================
// Article variables
// =============================================================================
@article-margin-top: 2.4rem;
@article-title-font-size: 2.8rem;
@article-title-line-height: 1.15;
@article-title-font-weight: normal;
@article-meta-font-size: 1.2rem;
@article-meta-line-height: 1.5;
@article-meta-color: @gray-light;
@article-lead-color: #666;
@article-lead-font-size: 1.4rem;
@article-lead-line-height: 1.5;
@article-content-font-size: 1.6rem;
@article-divider-margin: 2.4rem;
@article-divider-border: @gray-lighter;
// =============================================================================
// Badge variables
// =============================================================================
@badge-color: #fff;
@badge-link-hover-color: #fff;
@badge-bg: @gray-light;
@badge-active-color: @link-color;
@badge-active-bg: #fff;
@badge-font-weight: bold;
@badge-line-height: 1;
@badge-border-radius: 2px;
@badge-primary-bg: @global-primary;
@badge-secondary-bg: @global-secondary;
@badge-success-bg: @global-success;
@badge-warning-bg: @global-warning;
@badge-danger-bg: @global-danger;
// =============================================================================
// Breadcrumb variables
// =============================================================================
@breadcrumb-bg: transparent; // #f5f5f5;
@breadcrumb-font-size: 85%;
@breadcrumb-divider-color: #ccc;
@breadcrumb-active-color: @gray-light;
@breadcrumb-separator: "\00bb"; // » http://www.fileformat.info/info/unicode/char/00bb/index.htm
// =============================================================================
// Close variables
// =============================================================================
@close-font-weight: bold;
@close-color: #000;
@close-text-shadow: 0 1px 0 #fff;
@close-alt-background: #eee;
// =============================================================================
// Comment variables
// =============================================================================
@comment-border-radius: 2px;
@comment-border-color: #dedede;
@comment-avatar-size: 32px;
@comment-avatar-margin: 10px;
@comment-hd-bg-color: #f8f8f8;
@comment-hd-padding-vertical: 10px;
@comment-title-margin-btm: 8px;
@comment-title-font-size: @font-size-base;
@comment-title-line-height: 1.2;
@comment-meta-color: @gray-light;
@comment-meta-font-size: 13px;
@comment-meta-line-height: 1.2;
@comment-main-margin: @comment-avatar-size + @comment-avatar-margin;
@comment-main-margin-md-up: (@comment-avatar-size + @comment-avatar-margin) * 1.5;
@comment-bd-padding: 15px;
@comment-list-margin-top: @global-spacing;
// Highlight color
@comment-hl-border-color: @global-secondary;
// =============================================================================
// Icon variables
// =============================================================================
@icon-sm-font-size: 150%;
@icon-md-font-size: 200%;
@icon-lg-font-size: 250%;
@icon-sm-vertical-align: -10%;
@icon-md-vertical-align: -16%;
@icon-lg-vertical-align: -22%;
@icon-btn-width: 48px;
@icon-btn-height: @icon-btn-width;
@icon-btn-border-radius: 50%;
@icon-btn-background: #eee;
@icon-btn-font-size: @icon-btn-width * 0.5;
@icon-btn-color: @gray;
@icon-btn-hover-background: #f5f5f5;
@icon-btn-hover-color: @gray-dark;
@icon-btn-active-background: #ddd;
@icon-btn-active-color: @gray-dark;
@fa-var-500px: "\f26e";
@fa-var-adjust: "\f042";
@fa-var-adn: "\f170";
@fa-var-align-center: "\f037";
@fa-var-align-justify: "\f039";
@fa-var-align-left: "\f036";
@fa-var-align-right: "\f038";
@fa-var-amazon: "\f270";
@fa-var-ambulance: "\f0f9";
@fa-var-american-sign-language-interpreting: "\f2a3";
@fa-var-anchor: "\f13d";
@fa-var-android: "\f17b";
@fa-var-angellist: "\f209";
@fa-var-angle-double-down: "\f103";
@fa-var-angle-double-left: "\f100";
@fa-var-angle-double-right: "\f101";
@fa-var-angle-double-up: "\f102";
@fa-var-angle-down: "\f107";
@fa-var-angle-left: "\f104";
@fa-var-angle-right: "\f105";
@fa-var-angle-up: "\f106";
@fa-var-apple: "\f179";
@fa-var-archive: "\f187";
@fa-var-area-chart: "\f1fe";
@fa-var-arrow-circle-down: "\f0ab";
@fa-var-arrow-circle-left: "\f0a8";
@fa-var-arrow-circle-o-down: "\f01a";
@fa-var-arrow-circle-o-left: "\f190";
@fa-var-arrow-circle-o-right: "\f18e";
@fa-var-arrow-circle-o-up: "\f01b";
@fa-var-arrow-circle-right: "\f0a9";
@fa-var-arrow-circle-up: "\f0aa";
@fa-var-arrow-down: "\f063";
@fa-var-arrow-left: "\f060";
@fa-var-arrow-right: "\f061";
@fa-var-arrow-up: "\f062";
@fa-var-arrows: "\f047";
@fa-var-arrows-alt: "\f0b2";
@fa-var-arrows-h: "\f07e";
@fa-var-arrows-v: "\f07d";
@fa-var-asl-interpreting: "\f2a3";
@fa-var-assistive-listening-systems: "\f2a2";
@fa-var-asterisk: "\f069";
@fa-var-at: "\f1fa";
@fa-var-audio-description: "\f29e";
@fa-var-automobile: "\f1b9";
@fa-var-backward: "\f04a";
@fa-var-balance-scale: "\f24e";
@fa-var-ban: "\f05e";
@fa-var-bank: "\f19c";
@fa-var-bar-chart: "\f080";
@fa-var-bar-chart-o: "\f080";
@fa-var-barcode: "\f02a";
@fa-var-bars: "\f0c9";
@fa-var-battery-0: "\f244";
@fa-var-battery-1: "\f243";
@fa-var-battery-2: "\f242";
@fa-var-battery-3: "\f241";
@fa-var-battery-4: "\f240";
@fa-var-battery-empty: "\f244";
@fa-var-battery-full: "\f240";
@fa-var-battery-half: "\f242";
@fa-var-battery-quarter: "\f243";
@fa-var-battery-three-quarters: "\f241";
@fa-var-bed: "\f236";
@fa-var-beer: "\f0fc";
@fa-var-behance: "\f1b4";
@fa-var-behance-square: "\f1b5";
@fa-var-bell: "\f0f3";
@fa-var-bell-o: "\f0a2";
@fa-var-bell-slash: "\f1f6";
@fa-var-bell-slash-o: "\f1f7";
@fa-var-bicycle: "\f206";
@fa-var-binoculars: "\f1e5";
@fa-var-birthday-cake: "\f1fd";
@fa-var-bitbucket: "\f171";
@fa-var-bitbucket-square: "\f172";
@fa-var-bitcoin: "\f15a";
@fa-var-black-tie: "\f27e";
@fa-var-blind: "\f29d";
@fa-var-bluetooth: "\f293";
@fa-var-bluetooth-b: "\f294";
@fa-var-bold: "\f032";
@fa-var-bolt: "\f0e7";
@fa-var-bomb: "\f1e2";
@fa-var-book: "\f02d";
@fa-var-bookmark: "\f02e";
@fa-var-bookmark-o: "\f097";
@fa-var-braille: "\f2a1";
@fa-var-briefcase: "\f0b1";
@fa-var-btc: "\f15a";
@fa-var-bug: "\f188";
@fa-var-building: "\f1ad";
@fa-var-building-o: "\f0f7";
@fa-var-bullhorn: "\f0a1";
@fa-var-bullseye: "\f140";
@fa-var-bus: "\f207";
@fa-var-buysellads: "\f20d";
@fa-var-cab: "\f1ba";
@fa-var-calculator: "\f1ec";
@fa-var-calendar: "\f073";
@fa-var-calendar-check-o: "\f274";
@fa-var-calendar-minus-o: "\f272";
@fa-var-calendar-o: "\f133";
@fa-var-calendar-plus-o: "\f271";
@fa-var-calendar-times-o: "\f273";
@fa-var-camera: "\f030";
@fa-var-camera-retro: "\f083";
@fa-var-car: "\f1b9";
@fa-var-caret-down: "\f0d7";
@fa-var-caret-left: "\f0d9";
@fa-var-caret-right: "\f0da";
@fa-var-caret-square-o-down: "\f150";
@fa-var-caret-square-o-left: "\f191";
@fa-var-caret-square-o-right: "\f152";
@fa-var-caret-square-o-up: "\f151";
@fa-var-caret-up: "\f0d8";
@fa-var-cart-arrow-down: "\f218";
@fa-var-cart-plus: "\f217";
@fa-var-cc: "\f20a";
@fa-var-cc-amex: "\f1f3";
@fa-var-cc-diners-club: "\f24c";
@fa-var-cc-discover: "\f1f2";
@fa-var-cc-jcb: "\f24b";
@fa-var-cc-mastercard: "\f1f1";
@fa-var-cc-paypal: "\f1f4";
@fa-var-cc-stripe: "\f1f5";
@fa-var-cc-visa: "\f1f0";
@fa-var-certificate: "\f0a3";
@fa-var-chain: "\f0c1";
@fa-var-chain-broken: "\f127";
@fa-var-check: "\f00c";
@fa-var-check-circle: "\f058";
@fa-var-check-circle-o: "\f05d";
@fa-var-check-square: "\f14a";
@fa-var-check-square-o: "\f046";
@fa-var-chevron-circle-down: "\f13a";
@fa-var-chevron-circle-left: "\f137";
@fa-var-chevron-circle-right: "\f138";
@fa-var-chevron-circle-up: "\f139";
@fa-var-chevron-down: "\f078";
@fa-var-chevron-left: "\f053";
@fa-var-chevron-right: "\f054";
@fa-var-chevron-up: "\f077";
@fa-var-child: "\f1ae";
@fa-var-chrome: "\f268";
@fa-var-circle: "\f111";
@fa-var-circle-o: "\f10c";
@fa-var-circle-o-notch: "\f1ce";
@fa-var-circle-thin: "\f1db";
@fa-var-clipboard: "\f0ea";
@fa-var-clock-o: "\f017";
@fa-var-clone: "\f24d";
@fa-var-close: "\f00d";
@fa-var-cloud: "\f0c2";
@fa-var-cloud-download: "\f0ed";
@fa-var-cloud-upload: "\f0ee";
@fa-var-cny: "\f157";
@fa-var-code: "\f121";
@fa-var-code-fork: "\f126";
@fa-var-codepen: "\f1cb";
@fa-var-codiepie: "\f284";
@fa-var-coffee: "\f0f4";
@fa-var-cog: "\f013";
@fa-var-cogs: "\f085";
@fa-var-columns: "\f0db";
@fa-var-comment: "\f075";
@fa-var-comment-o: "\f0e5";
@fa-var-commenting: "\f27a";
@fa-var-commenting-o: "\f27b";
@fa-var-comments: "\f086";
@fa-var-comments-o: "\f0e6";
@fa-var-compass: "\f14e";
@fa-var-compress: "\f066";
@fa-var-connectdevelop: "\f20e";
@fa-var-contao: "\f26d";
@fa-var-copy: "\f0c5";
@fa-var-copyright: "\f1f9";
@fa-var-creative-commons: "\f25e";
@fa-var-credit-card: "\f09d";
@fa-var-credit-card-alt: "\f283";
@fa-var-crop: "\f125";
@fa-var-crosshairs: "\f05b";
@fa-var-css3: "\f13c";
@fa-var-cube: "\f1b2";
@fa-var-cubes: "\f1b3";
@fa-var-cut: "\f0c4";
@fa-var-cutlery: "\f0f5";
@fa-var-dashboard: "\f0e4";
@fa-var-dashcube: "\f210";
@fa-var-database: "\f1c0";
@fa-var-deaf: "\f2a4";
@fa-var-deafness: "\f2a4";
@fa-var-dedent: "\f03b";
@fa-var-delicious: "\f1a5";
@fa-var-desktop: "\f108";
@fa-var-deviantart: "\f1bd";
@fa-var-diamond: "\f219";
@fa-var-digg: "\f1a6";
@fa-var-dollar: "\f155";
@fa-var-dot-circle-o: "\f192";
@fa-var-download: "\f019";
@fa-var-dribbble: "\f17d";
@fa-var-dropbox: "\f16b";
@fa-var-drupal: "\f1a9";
@fa-var-edge: "\f282";
@fa-var-edit: "\f044";
@fa-var-eject: "\f052";
@fa-var-ellipsis-h: "\f141";
@fa-var-ellipsis-v: "\f142";
@fa-var-empire: "\f1d1";
@fa-var-envelope: "\f0e0";
@fa-var-envelope-o: "\f003";
@fa-var-envelope-square: "\f199";
@fa-var-envira: "\f299";
@fa-var-eraser: "\f12d";
@fa-var-eur: "\f153";
@fa-var-euro: "\f153";
@fa-var-exchange: "\f0ec";
@fa-var-exclamation: "\f12a";
@fa-var-exclamation-circle: "\f06a";
@fa-var-exclamation-triangle: "\f071";
@fa-var-expand: "\f065";
@fa-var-expeditedssl: "\f23e";
@fa-var-external-link: "\f08e";
@fa-var-external-link-square: "\f14c";
@fa-var-eye: "\f06e";
@fa-var-eye-slash: "\f070";
@fa-var-eyedropper: "\f1fb";
@fa-var-fa: "\f2b4";
@fa-var-facebook: "\f09a";
@fa-var-facebook-f: "\f09a";
@fa-var-facebook-official: "\f230";
@fa-var-facebook-square: "\f082";
@fa-var-fast-backward: "\f049";
@fa-var-fast-forward: "\f050";
@fa-var-fax: "\f1ac";
@fa-var-feed: "\f09e";
@fa-var-female: "\f182";
@fa-var-fighter-jet: "\f0fb";
@fa-var-file: "\f15b";
@fa-var-file-archive-o: "\f1c6";
@fa-var-file-audio-o: "\f1c7";
@fa-var-file-code-o: "\f1c9";
@fa-var-file-excel-o: "\f1c3";
@fa-var-file-image-o: "\f1c5";
@fa-var-file-movie-o: "\f1c8";
@fa-var-file-o: "\f016";
@fa-var-file-pdf-o: "\f1c1";
@fa-var-file-photo-o: "\f1c5";
@fa-var-file-picture-o: "\f1c5";
@fa-var-file-powerpoint-o: "\f1c4";
@fa-var-file-sound-o: "\f1c7";
@fa-var-file-text: "\f15c";
@fa-var-file-text-o: "\f0f6";
@fa-var-file-video-o: "\f1c8";
@fa-var-file-word-o: "\f1c2";
@fa-var-file-zip-o: "\f1c6";
@fa-var-files-o: "\f0c5";
@fa-var-film: "\f008";
@fa-var-filter: "\f0b0";
@fa-var-fire: "\f06d";
@fa-var-fire-extinguisher: "\f134";
@fa-var-firefox: "\f269";
@fa-var-first-order: "\f2b0";
@fa-var-flag: "\f024";
@fa-var-flag-checkered: "\f11e";
@fa-var-flag-o: "\f11d";
@fa-var-flash: "\f0e7";
@fa-var-flask: "\f0c3";
@fa-var-flickr: "\f16e";
@fa-var-floppy-o: "\f0c7";
@fa-var-folder: "\f07b";
@fa-var-folder-o: "\f114";
@fa-var-folder-open: "\f07c";
@fa-var-folder-open-o: "\f115";
@fa-var-font: "\f031";
@fa-var-font-awesome: "\f2b4";
@fa-var-fonticons: "\f280";
@fa-var-fort-awesome: "\f286";
@fa-var-forumbee: "\f211";
@fa-var-forward: "\f04e";
@fa-var-foursquare: "\f180";
@fa-var-frown-o: "\f119";
@fa-var-futbol-o: "\f1e3";
@fa-var-gamepad: "\f11b";
@fa-var-gavel: "\f0e3";
@fa-var-gbp: "\f154";
@fa-var-ge: "\f1d1";
@fa-var-gear: "\f013";
@fa-var-gears: "\f085";
@fa-var-genderless: "\f22d";
@fa-var-get-pocket: "\f265";
@fa-var-gg: "\f260";
@fa-var-gg-circle: "\f261";
@fa-var-gift: "\f06b";
@fa-var-git: "\f1d3";
@fa-var-git-square: "\f1d2";
@fa-var-github: "\f09b";
@fa-var-github-alt: "\f113";
@fa-var-github-square: "\f092";
@fa-var-gitlab: "\f296";
@fa-var-gittip: "\f184";
@fa-var-glass: "\f000";
@fa-var-glide: "\f2a5";
@fa-var-glide-g: "\f2a6";
@fa-var-globe: "\f0ac";
@fa-var-google: "\f1a0";
@fa-var-google-plus: "\f0d5";
@fa-var-google-plus-circle: "\f2b3";
@fa-var-google-plus-official: "\f2b3";
@fa-var-google-plus-square: "\f0d4";
@fa-var-google-wallet: "\f1ee";
@fa-var-graduation-cap: "\f19d";
@fa-var-gratipay: "\f184";
@fa-var-group: "\f0c0";
@fa-var-h-square: "\f0fd";
@fa-var-hacker-news: "\f1d4";
@fa-var-hand-grab-o: "\f255";
@fa-var-hand-lizard-o: "\f258";
@fa-var-hand-o-down: "\f0a7";
@fa-var-hand-o-left: "\f0a5";
@fa-var-hand-o-right: "\f0a4";
@fa-var-hand-o-up: "\f0a6";
@fa-var-hand-paper-o: "\f256";
@fa-var-hand-peace-o: "\f25b";
@fa-var-hand-pointer-o: "\f25a";
@fa-var-hand-rock-o: "\f255";
@fa-var-hand-scissors-o: "\f257";
@fa-var-hand-spock-o: "\f259";
@fa-var-hand-stop-o: "\f256";
@fa-var-hard-of-hearing: "\f2a4";
@fa-var-hashtag: "\f292";
@fa-var-hdd-o: "\f0a0";
@fa-var-header: "\f1dc";
@fa-var-headphones: "\f025";
@fa-var-heart: "\f004";
@fa-var-heart-o: "\f08a";
@fa-var-heartbeat: "\f21e";
@fa-var-history: "\f1da";
@fa-var-home: "\f015";
@fa-var-hospital-o: "\f0f8";
@fa-var-hotel: "\f236";
@fa-var-hourglass: "\f254";
@fa-var-hourglass-1: "\f251";
@fa-var-hourglass-2: "\f252";
@fa-var-hourglass-3: "\f253";
@fa-var-hourglass-end: "\f253";
@fa-var-hourglass-half: "\f252";
@fa-var-hourglass-o: "\f250";
@fa-var-hourglass-start: "\f251";
@fa-var-houzz: "\f27c";
@fa-var-html5: "\f13b";
@fa-var-i-cursor: "\f246";
@fa-var-ils: "\f20b";
@fa-var-image: "\f03e";
@fa-var-inbox: "\f01c";
@fa-var-indent: "\f03c";
@fa-var-industry: "\f275";
@fa-var-info: "\f129";
@fa-var-info-circle: "\f05a";
@fa-var-inr: "\f156";
@fa-var-instagram: "\f16d";
@fa-var-institution: "\f19c";
@fa-var-internet-explorer: "\f26b";
@fa-var-intersex: "\f224";
@fa-var-ioxhost: "\f208";
@fa-var-italic: "\f033";
@fa-var-joomla: "\f1aa";
@fa-var-jpy: "\f157";
@fa-var-jsfiddle: "\f1cc";
@fa-var-key: "\f084";
@fa-var-keyboard-o: "\f11c";
@fa-var-krw: "\f159";
@fa-var-language: "\f1ab";
@fa-var-laptop: "\f109";
@fa-var-lastfm: "\f202";
@fa-var-lastfm-square: "\f203";
@fa-var-leaf: "\f06c";
@fa-var-leanpub: "\f212";
@fa-var-legal: "\f0e3";
@fa-var-lemon-o: "\f094";
@fa-var-level-down: "\f149";
@fa-var-level-up: "\f148";
@fa-var-life-bouy: "\f1cd";
@fa-var-life-buoy: "\f1cd";
@fa-var-life-ring: "\f1cd";
@fa-var-life-saver: "\f1cd";
@fa-var-lightbulb-o: "\f0eb";
@fa-var-line-chart: "\f201";
@fa-var-link: "\f0c1";
@fa-var-linkedin: "\f0e1";
@fa-var-linkedin-square: "\f08c";
@fa-var-linux: "\f17c";
@fa-var-list: "\f03a";
@fa-var-list-alt: "\f022";
@fa-var-list-ol: "\f0cb";
@fa-var-list-ul: "\f0ca";
@fa-var-location-arrow: "\f124";
@fa-var-lock: "\f023";
@fa-var-long-arrow-down: "\f175";
@fa-var-long-arrow-left: "\f177";
@fa-var-long-arrow-right: "\f178";
@fa-var-long-arrow-up: "\f176";
@fa-var-low-vision: "\f2a8";
@fa-var-magic: "\f0d0";
@fa-var-magnet: "\f076";
@fa-var-mail-forward: "\f064";
@fa-var-mail-reply: "\f112";
@fa-var-mail-reply-all: "\f122";
@fa-var-male: "\f183";
@fa-var-map: "\f279";
@fa-var-map-marker: "\f041";
@fa-var-map-o: "\f278";
@fa-var-map-pin: "\f276";
@fa-var-map-signs: "\f277";
@fa-var-mars: "\f222";
@fa-var-mars-double: "\f227";
@fa-var-mars-stroke: "\f229";
@fa-var-mars-stroke-h: "\f22b";
@fa-var-mars-stroke-v: "\f22a";
@fa-var-maxcdn: "\f136";
@fa-var-meanpath: "\f20c";
@fa-var-medium: "\f23a";
@fa-var-medkit: "\f0fa";
@fa-var-meh-o: "\f11a";
@fa-var-mercury: "\f223";
@fa-var-microphone: "\f130";
@fa-var-microphone-slash: "\f131";
@fa-var-minus: "\f068";
@fa-var-minus-circle: "\f056";
@fa-var-minus-square: "\f146";
@fa-var-minus-square-o: "\f147";
@fa-var-mixcloud: "\f289";
@fa-var-mobile: "\f10b";
@fa-var-mobile-phone: "\f10b";
@fa-var-modx: "\f285";
@fa-var-money: "\f0d6";
@fa-var-moon-o: "\f186";
@fa-var-mortar-board: "\f19d";
@fa-var-motorcycle: "\f21c";
@fa-var-mouse-pointer: "\f245";
@fa-var-music: "\f001";
@fa-var-navicon: "\f0c9";
@fa-var-neuter: "\f22c";
@fa-var-newspaper-o: "\f1ea";
@fa-var-object-group: "\f247";
@fa-var-object-ungroup: "\f248";
@fa-var-odnoklassniki: "\f263";
@fa-var-odnoklassniki-square: "\f264";
@fa-var-opencart: "\f23d";
@fa-var-openid: "\f19b";
@fa-var-opera: "\f26a";
@fa-var-optin-monster: "\f23c";
@fa-var-outdent: "\f03b";
@fa-var-pagelines: "\f18c";
@fa-var-paint-brush: "\f1fc";
@fa-var-paper-plane: "\f1d8";
@fa-var-paper-plane-o: "\f1d9";
@fa-var-paperclip: "\f0c6";
@fa-var-paragraph: "\f1dd";
@fa-var-paste: "\f0ea";
@fa-var-pause: "\f04c";
@fa-var-pause-circle: "\f28b";
@fa-var-pause-circle-o: "\f28c";
@fa-var-paw: "\f1b0";
@fa-var-paypal: "\f1ed";
@fa-var-pencil: "\f040";
@fa-var-pencil-square: "\f14b";
@fa-var-pencil-square-o: "\f044";
@fa-var-percent: "\f295";
@fa-var-phone: "\f095";
@fa-var-phone-square: "\f098";
@fa-var-photo: "\f03e";
@fa-var-picture-o: "\f03e";
@fa-var-pie-chart: "\f200";
@fa-var-pied-piper: "\f2ae";
@fa-var-pied-piper-alt: "\f1a8";
@fa-var-pied-piper-pp: "\f1a7";
@fa-var-pinterest: "\f0d2";
@fa-var-pinterest-p: "\f231";
@fa-var-pinterest-square: "\f0d3";
@fa-var-plane: "\f072";
@fa-var-play: "\f04b";
@fa-var-play-circle: "\f144";
@fa-var-play-circle-o: "\f01d";
@fa-var-plug: "\f1e6";
@fa-var-plus: "\f067";
@fa-var-plus-circle: "\f055";
@fa-var-plus-square: "\f0fe";
@fa-var-plus-square-o: "\f196";
@fa-var-power-off: "\f011";
@fa-var-print: "\f02f";
@fa-var-product-hunt: "\f288";
@fa-var-puzzle-piece: "\f12e";
@fa-var-qq: "\f1d6";
@fa-var-qrcode: "\f029";
@fa-var-question: "\f128";
@fa-var-question-circle: "\f059";
@fa-var-question-circle-o: "\f29c";
@fa-var-quote-left: "\f10d";
@fa-var-quote-right: "\f10e";
@fa-var-ra: "\f1d0";
@fa-var-random: "\f074";
@fa-var-rebel: "\f1d0";
@fa-var-recycle: "\f1b8";
@fa-var-reddit: "\f1a1";
@fa-var-reddit-alien: "\f281";
@fa-var-reddit-square: "\f1a2";
@fa-var-refresh: "\f021";
@fa-var-registered: "\f25d";
@fa-var-remove: "\f00d";
@fa-var-renren: "\f18b";
@fa-var-reorder: "\f0c9";
@fa-var-repeat: "\f01e";
@fa-var-reply: "\f112";
@fa-var-reply-all: "\f122";
@fa-var-resistance: "\f1d0";
@fa-var-retweet: "\f079";
@fa-var-rmb: "\f157";
@fa-var-road: "\f018";
@fa-var-rocket: "\f135";
@fa-var-rotate-left: "\f0e2";
@fa-var-rotate-right: "\f01e";
@fa-var-rouble: "\f158";
@fa-var-rss: "\f09e";
@fa-var-rss-square: "\f143";
@fa-var-rub: "\f158";
@fa-var-ruble: "\f158";
@fa-var-rupee: "\f156";
@fa-var-safari: "\f267";
@fa-var-save: "\f0c7";
@fa-var-scissors: "\f0c4";
@fa-var-scribd: "\f28a";
@fa-var-search: "\f002";
@fa-var-search-minus: "\f010";
@fa-var-search-plus: "\f00e";
@fa-var-sellsy: "\f213";
@fa-var-send: "\f1d8";
@fa-var-send-o: "\f1d9";
@fa-var-server: "\f233";
@fa-var-share: "\f064";
@fa-var-share-alt: "\f1e0";
@fa-var-share-alt-square: "\f1e1";
@fa-var-share-square: "\f14d";
@fa-var-share-square-o: "\f045";
@fa-var-shekel: "\f20b";
@fa-var-sheqel: "\f20b";
@fa-var-shield: "\f132";
@fa-var-ship: "\f21a";
@fa-var-shirtsinbulk: "\f214";
@fa-var-shopping-bag: "\f290";
@fa-var-shopping-basket: "\f291";
@fa-var-shopping-cart: "\f07a";
@fa-var-sign-in: "\f090";
@fa-var-sign-language: "\f2a7";
@fa-var-sign-out: "\f08b";
@fa-var-signal: "\f012";
@fa-var-signing: "\f2a7";
@fa-var-simplybuilt: "\f215";
@fa-var-sitemap: "\f0e8";
@fa-var-skyatlas: "\f216";
@fa-var-skype: "\f17e";
@fa-var-slack: "\f198";
@fa-var-sliders: "\f1de";
@fa-var-slideshare: "\f1e7";
@fa-var-smile-o: "\f118";
@fa-var-snapchat: "\f2ab";
@fa-var-snapchat-ghost: "\f2ac";
@fa-var-snapchat-square: "\f2ad";
@fa-var-soccer-ball-o: "\f1e3";
@fa-var-sort: "\f0dc";
@fa-var-sort-alpha-asc: "\f15d";
@fa-var-sort-alpha-desc: "\f15e";
@fa-var-sort-amount-asc: "\f160";
@fa-var-sort-amount-desc: "\f161";
@fa-var-sort-asc: "\f0de";
@fa-var-sort-desc: "\f0dd";
@fa-var-sort-down: "\f0dd";
@fa-var-sort-numeric-asc: "\f162";
@fa-var-sort-numeric-desc: "\f163";
@fa-var-sort-up: "\f0de";
@fa-var-soundcloud: "\f1be";
@fa-var-space-shuttle: "\f197";
@fa-var-spinner: "\f110";
@fa-var-spoon: "\f1b1";
@fa-var-spotify: "\f1bc";
@fa-var-square: "\f0c8";
@fa-var-square-o: "\f096";
@fa-var-stack-exchange: "\f18d";
@fa-var-stack-overflow: "\f16c";
@fa-var-star: "\f005";
@fa-var-star-half: "\f089";
@fa-var-star-half-empty: "\f123";
@fa-var-star-half-full: "\f123";
@fa-var-star-half-o: "\f123";
@fa-var-star-o: "\f006";
@fa-var-steam: "\f1b6";
@fa-var-steam-square: "\f1b7";
@fa-var-step-backward: "\f048";
@fa-var-step-forward: "\f051";
@fa-var-stethoscope: "\f0f1";
@fa-var-sticky-note: "\f249";
@fa-var-sticky-note-o: "\f24a";
@fa-var-stop: "\f04d";
@fa-var-stop-circle: "\f28d";
@fa-var-stop-circle-o: "\f28e";
@fa-var-street-view: "\f21d";
@fa-var-strikethrough: "\f0cc";
@fa-var-stumbleupon: "\f1a4";
@fa-var-stumbleupon-circle: "\f1a3";
@fa-var-subscript: "\f12c";
@fa-var-subway: "\f239";
@fa-var-suitcase: "\f0f2";
@fa-var-sun-o: "\f185";
@fa-var-superscript: "\f12b";
@fa-var-support: "\f1cd";
@fa-var-table: "\f0ce";
@fa-var-tablet: "\f10a";
@fa-var-tachometer: "\f0e4";
@fa-var-tag: "\f02b";
@fa-var-tags: "\f02c";
@fa-var-tasks: "\f0ae";
@fa-var-taxi: "\f1ba";
@fa-var-television: "\f26c";
@fa-var-tencent-weibo: "\f1d5";
@fa-var-terminal: "\f120";
@fa-var-text-height: "\f034";
@fa-var-text-width: "\f035";
@fa-var-th: "\f00a";
@fa-var-th-large: "\f009";
@fa-var-th-list: "\f00b";
@fa-var-themeisle: "\f2b2";
@fa-var-thumb-tack: "\f08d";
@fa-var-thumbs-down: "\f165";
@fa-var-thumbs-o-down: "\f088";
@fa-var-thumbs-o-up: "\f087";
@fa-var-thumbs-up: "\f164";
@fa-var-ticket: "\f145";
@fa-var-times: "\f00d";
@fa-var-times-circle: "\f057";
@fa-var-times-circle-o: "\f05c";
@fa-var-tint: "\f043";
@fa-var-toggle-down: "\f150";
@fa-var-toggle-left: "\f191";
@fa-var-toggle-off: "\f204";
@fa-var-toggle-on: "\f205";
@fa-var-toggle-right: "\f152";
@fa-var-toggle-up: "\f151";
@fa-var-trademark: "\f25c";
@fa-var-train: "\f238";
@fa-var-transgender: "\f224";
@fa-var-transgender-alt: "\f225";
@fa-var-trash: "\f1f8";
@fa-var-trash-o: "\f014";
@fa-var-tree: "\f1bb";
@fa-var-trello: "\f181";
@fa-var-tripadvisor: "\f262";
@fa-var-trophy: "\f091";
@fa-var-truck: "\f0d1";
@fa-var-try: "\f195";
@fa-var-tty: "\f1e4";
@fa-var-tumblr: "\f173";
@fa-var-tumblr-square: "\f174";
@fa-var-turkish-lira: "\f195";
@fa-var-tv: "\f26c";
@fa-var-twitch: "\f1e8";
@fa-var-twitter: "\f099";
@fa-var-twitter-square: "\f081";
@fa-var-umbrella: "\f0e9";
@fa-var-underline: "\f0cd";
@fa-var-undo: "\f0e2";
@fa-var-universal-access: "\f29a";
@fa-var-university: "\f19c";
@fa-var-unlink: "\f127";
@fa-var-unlock: "\f09c";
@fa-var-unlock-alt: "\f13e";
@fa-var-unsorted: "\f0dc";
@fa-var-upload: "\f093";
@fa-var-usb: "\f287";
@fa-var-usd: "\f155";
@fa-var-user: "\f007";
@fa-var-user-md: "\f0f0";
@fa-var-user-plus: "\f234";
@fa-var-user-secret: "\f21b";
@fa-var-user-times: "\f235";
@fa-var-users: "\f0c0";
@fa-var-venus: "\f221";
@fa-var-venus-double: "\f226";
@fa-var-venus-mars: "\f228";
@fa-var-viacoin: "\f237";
@fa-var-viadeo: "\f2a9";
@fa-var-viadeo-square: "\f2aa";
@fa-var-video-camera: "\f03d";
@fa-var-vimeo: "\f27d";
@fa-var-vimeo-square: "\f194";
@fa-var-vine: "\f1ca";
@fa-var-vk: "\f189";
@fa-var-volume-control-phone: "\f2a0";
@fa-var-volume-down: "\f027";
@fa-var-volume-off: "\f026";
@fa-var-volume-up: "\f028";
@fa-var-warning: "\f071";
@fa-var-wechat: "\f1d7";
@fa-var-weibo: "\f18a";
@fa-var-weixin: "\f1d7";
@fa-var-whatsapp: "\f232";
@fa-var-wheelchair: "\f193";
@fa-var-wheelchair-alt: "\f29b";
@fa-var-wifi: "\f1eb";
@fa-var-wikipedia-w: "\f266";
@fa-var-windows: "\f17a";
@fa-var-won: "\f159";
@fa-var-wordpress: "\f19a";
@fa-var-wpbeginner: "\f297";
@fa-var-wpforms: "\f298";
@fa-var-wrench: "\f0ad";
@fa-var-xing: "\f168";
@fa-var-xing-square: "\f169";
@fa-var-y-combinator: "\f23b";
@fa-var-y-combinator-square: "\f1d4";
@fa-var-yahoo: "\f19e";
@fa-var-yc: "\f23b";
@fa-var-yc-square: "\f1d4";
@fa-var-yelp: "\f1e9";
@fa-var-yen: "\f157";
@fa-var-yoast: "\f2b1";
@fa-var-youtube: "\f167";
@fa-var-youtube-play: "\f16a";
@fa-var-youtube-square: "\f166";
// =============================================================================
// List variables
// =============================================================================
@list-bg: #fff;
@list-border: #dedede;
@list-border-radius: @global-radius;
@list-hover-bg: #f5f5f5;
@list-active-color: @component-active-color;
@list-active-bg: @component-active-bg;
@list-active-border: @list-active-bg;
// @am-list-link-color:     @gray-dark;
// @am-list-link-hd-color:  @gray-darker;
// =============================================================================
// Nav variables
// =============================================================================
@nav-link-padding: 0.4em 1em;
@nav-link-hover-bg: @gray-lighter;
@nav-link-border-radius: @global-radius;
@nav-active-link-bg: @component-active-bg;
@nav-active-link-color: @component-active-color;
@nav-header-font-size: 100%;
@nav-header-font-weight: bold;
@nav-header-text-transform: uppercase;
@nav-header-margin-top: 1em;
@nav-header-color: @gray;
@nav-disabled-link-color: @gray-light;
@nav-disabled-link-hover-color: @gray-light;
// Nav -> Tabs
// -----------------------------------------------------------------------------
@nav-tabs-border-color: #ddd;
@nav-tabs-link-hover-border-color: @gray-lighter;
@nav-tabs-active-link-hover-bg: @body-bg;
@nav-tabs-active-link-hover-color: @gray;
@nav-tabs-active-link-hover-border-color: #ddd;
@nav-tabs-justify-link-border-color: #ddd;
@nav-tabs-justify-active-link-border-color: @body-bg;
// =============================================================================
// Topbar variables
// =============================================================================
@topbar-height: 50px;
@topbar-padding: 0 10px;
@topbar-margin-bottom: @global-spacing;
@topbar-padding-horizontal: 10px;
@topbar-padding-vertical: 10px;
@topbar-collapse-max-height: 280px;
@topbar-spacing-vertical: 8px;
@topbar-color: #666;
@topbar-bg: #f8f8f8;
@topbar-border: #ddd;
// default links
@topbar-link-color: #666;
@topbar-link-hover-color: #333;
@topbar-link-active-color: @global-primary;
@topbar-link-active-bg: transparent;
@topbar-link-disabled-color: #ccc;
@topbar-link-disabled-bg: transparent;
// brand label
@topbar-brand-color: @topbar-link-color;
@topbar-brand-hover-color: darken(@topbar-brand-color, 10%);
@topbar-brand-hover-bg: transparent;
// Inverted Topbar
// Reset inverted basics
@topbar-inverse-color: @gray-lighter;
@topbar-inverse-bg: @global-primary;
@topbar-inverse-border: darken(@topbar-inverse-bg, 10%);
// Inverted links
@topbar-inverse-link-color: @gray-lighter;
@topbar-inverse-link-hover-color: #fff;
@topbar-inverse-link-hover-bg: rgba(0, 0, 0, 0.05);
@topbar-inverse-link-active-color: @topbar-inverse-link-hover-color;
@topbar-inverse-link-active-bg: rgba(0, 0, 0, 0.1);
@topbar-inverse-link-disabled-color: #444;
@topbar-inverse-link-disabled-bg: transparent;
@topbar-inverse-brand-color: @white;
@topbar-inverse-brand-hover-color: @white;
@topbar-inverse-brand-hover-bg: transparent;
// =============================================================================
// Pagination variables
// =============================================================================
@pagination-margin: 1.5rem;
@pagination-padding: 0.5em 1em;
@pagination-line-height: 1.2;
@pagination-bg: #fff;
@pagination-border: #ddd;
@pagination-color: @gray-light;
@pagination-hover-bg: @gray-lighter;
@pagination-active-bg: @global-primary;
@pagination-active-color: #fff;
@pagination-disabled-color: @gray-light;
// =============================================================================
// Panel variables
// =============================================================================
@panel-bg: @white;
@panel-border-radius: @global-radius;
@panel-hd-padding: .6rem 1.25rem;
@panel-bd-padding: 1.25rem;
@panel-footer-bg: #f5f5f5;
@panel-inner-border: @global-border;
@panel-footer-padding: .6rem 1.25rem;
@panel-default-bd: @global-border;
@panel-default-hd-bg: #f5f5f5;
@panel-default-text: #444;
@panel-primary-bd: lighten(@global-primary, 5%);
@panel-primary-hd-bg: @global-primary;
@panel-primary-text: #fff;
@panel-secondary-bd: lighten(@global-secondary, 30%);
@panel-secondary-hd-bg: rgba(red(@global-secondary), green(@global-secondary), blue(@global-secondary), .15);
@panel-secondary-text: darken(@global-secondary, 8%);
@panel-success-bd: lighten(@global-success, 30%);
@panel-success-hd-bg: rgba(red(@global-success), green(@global-success), blue(@global-success), .15);
@panel-success-text: @global-success;
@panel-warning-bd: lighten(@global-warning, 30%);
@panel-warning-hd-bg: rgba(red(@global-warning), green(@global-warning), blue(@global-warning), .15);
@panel-warning-text: @global-warning;
@panel-danger-bd: lighten(@global-danger, 30%);
@panel-danger-hd-bg: rgba(red(@global-danger), green(@global-danger), blue(@global-danger), .15);
@panel-danger-text: @global-danger;
// =============================================================================
// Progress variables
// =============================================================================
@progress-bg: #f5f5f5;
@progress-bar-color: @white;
@progress-bar-font-size: @font-size-xs;
@progress-bar-bg: @global-primary;
@progress-bar-secondary-bg: @global-secondary;
@progress-bar-success-bg: @global-success;
@progress-bar-warning-bg: @global-warning;
@progress-bar-danger-bg: @global-danger;
@progress-height: @line-height-computed;
@progress-height-xs: .6rem;
@progress-height-sm: 1.2rem;
// =============================================================================
// Thumbnail variables
// =============================================================================
@thumbnail-padding: 2px;
@thumbnail-bg: @white;
@thumbnail-border: #ddd;
@thumbnail-border-radius: @global-radius;
@thumbnail-hover-border: @link-color;
@thumbnail-hover-bg: @white;
@thumbnail-caption-padding: .8rem;
@thumbnail-caption-color: #333;
// =============================================================================
// Utility variables
// =============================================================================
@utility-scrollable-height: 240px;
